*{
    margin:0;
    padding:0;
}

ul{
    list-style:none;
}

.box{
    width:998px;
    border:1px solid #ddd;
    height:400px;
    margin:30px auto;
}

.box_left{
    width:160px;
    height:400px;
    float:left;
}

.type li{
    height:45px;
    line-height:45px;
    background:#ddd;
    border-bottom:1px solid #333;
    text-align:center;
    cursor:pointer
}

.type li.active{
    background:#666;
    color:#fff;
}

.box_right{
    width:838px;
    height:400px;
    float:left;
}

.box_right>div{
    display:none;
}

.box_right>div.show{
    display:block;
}

.item{
    height:80px;
    padding:10px;
}

.item>div,.item>p,.item>h4,.item>a,.item>h5{
    display:block;
    float:left;
}

.item>p{
    width:30px;
}

.itemx>div.img{
    width:80px;
}

.img img{
    width:80px;
    height:80px;
}

.item>h4{
    width:300px;
    margin:0 10px;
    font-weight:normal;
    font-size:14px;
    line-height:1.5;
}

.item>h4>a{
    color:#666;
    text-decoration:none;
}

.item>h4>a:hover{
    color:#000;
}

.item>h5{
    width:70px;
    text-align:center;
    margin:0 10px;
}

.num{
    width:80px;
    height:20px;
    border:1px solid #ddd;
    font-size:13px;
    color:#333;
}

.num>span{
    display:block;
    float:left;
    text-align:center;
    line-height:20px;
    height:20px;
    cursor:pointer;
    width:20px;
    background:#ccc;
}

.num>span:nth-child(2){
    cursor:default;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    width:38px;
    background:#fff;
}

.num input{
    width:32px;
    border:none;
    outline:none;
    text-align:center;
}

.delete{
    width:80px;
    color:#999;
    margin:0 20px;
    font-size:13px;
}

.delete:hover{
    color:#f00;
    cursor:pointer;
}

.footer{
    height:50px;
    background:#ccc;
    border-top:1px solid #ddd;
    position:fixed;
    bottom:50px;
    left:0;
    width:100%;
}

.footer>div{
    width:980px;
    height:35px;
    margin:0 auto;
    font-size:14px;
}

.gwc>a,.gwc>span{
    display:block;
}

.gwc>a,.gwc>span,.gwc>div,.gwc>p,.gwc>h5{
    float:left;
    margin:0 15px;
    padding-top:15px;
}

.gwc>span{
    float:right;
    padding:0 20px 0 20px;
    color:#fff;
    background:#f00;
    cursor:pointer;
    height:50px;
    line-height:50px;
}

.gwc>a{
    color:#4d4b4b;
    cursor:pointer;
}

.gwc>a:hover{
    color:#900;
}

.gwc div{
    width:400px;
}

.gwc h5{
    font-size:18px;
    font-weight:bold;
    color:#f00;
}

.gwc div span{
    color:#f00;
    font-weight:bold;
}

input[type=checkbox]:checked + label{
    background:#f00;
}


